<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<th:block th:fragment="head">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:title" content="">
    <meta property="og:type" content="">
    <meta property="og:url" content="">
    <meta property="og:image" content="">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/assets/sys/common/imgs/theme/favicon.svg}">
    <!--    layui-->
    <link rel="stylesheet" th:href="@{/assets/lib/layui/css/layui.css}">
    <script th:src="@{/assets/lib/layui/layui.js}"></script>
    <!-- Template CSS -->
    <link th:href="@{/assets/sys/common/css/main.css}" rel="stylesheet" type="text/css"/>

    <!--定义上下文路径-->
    <script th:inline="javascript">
        let ctx = /*[[@{/}]]*/"";//上下文路径
        if (ctx.endsWith("/")) {
            ctx = ctx.substring(0, ctx.length - 1);
        }
    </script>
</th:block>
<body>

    <aside th:fragment="aside" class="navbar-aside" id="offcanvas_aside">
        <div class="aside-top">
            <a th:href="@{/vm/sys/index}" class="brand-wrap">
                <img th:src="@{/assets/sys/common/imgs/theme/logo.png}" class="logo" alt="Viva商城">
            </a>
            <div>
                <button class="btn btn-icon btn-aside-minimize"><i class="text-muted material-icons md-menu_open"></i>
                </button>
            </div>
        </div>
        <nav>
            <ul class="menu-aside">
                <li class="menu-item">
                    <a class="menu-link" th:href="@{/vm/sys/index}"> <i class="icon material-icons md-home"></i>
                        <span class="text">控制面板</span>
                    </a>
                </li>
                <li class="menu-item has-submenu">
                    <a class="menu-link" th:href="@{/vm/sys/member/list}"> <i
                            class="icon material-icons md-group"></i>
                        <span class="text">人员管理</span>
                    </a>
                    <div class="submenu">
                        <a th:href="@{/vm/sys/member/list}" }>会员管理</a>
                        <a th:href="@{/vm/sys/admin/list}">管理员管理</a>

                    </div>
                </li>
                <li class="menu-item has-submenu">
                    <a class="menu-link" th:href="@{/vm/sys/goods/list}"> <i
                            class="icon material-icons md-shopping_cart"></i>
                        <span class="text">商城管理</span>
                    </a>
                    <div class="submenu">
                        <a th:href="@{/vm/sys/goods/list}">商品管理</a>
                        <a th:href="@{/vm/sys/brand/list}">品牌管理</a>
                        <a th:href="@{/vm/sys/category/list}">类别管理</a>
                        <a th:href="@{/vm/sys/order/list}">订单管理</a>
                    </div>
                </li>

                <li class="menu-item">
                    <a class="menu-link" th:href="@{/vm/sys/review}"> <i
                            class="icon material-icons md-comment"></i>
                        <span class="text">评论</span>
                    </a>
                </li>

                <li class="menu-item">
                    <a class="menu-link" disabled href="#"> <i class="icon material-icons md-pie_chart"></i>
                        <span class="text">数据分析</span>
                    </a>
                </li>
            </ul>
            <hr>
            <ul class="menu-aside">
                <li class="menu-item has-submenu">
                    <a class="menu-link" href="#"> <i class="icon material-icons md-settings"></i>
                        <span class="text">个人设置</span>
                    </a>
                    <div class="submenu">
                        <a th:href="@{/vm/sys/account}">账户设置</a>

                    </div>
                </li>
            </ul>
            <br>
            <br>
        </nav>
    </aside>
<!--    头部搜索栏等-->
    <header th:fragment="main-header" class="main-header navbar">
        <div class="col-search">
            <form class="searchform">
                <div class="input-group">
                    <input list="search_terms" type="text" class="form-control" placeholder="搜索">
                    <button class="btn btn-light bg" type="button"><i class="material-icons md-search"></i></button>
                </div>
                <datalist id="search_terms">
                    <option value="商品">
                    <option value="订单">
                    <option value="会员">
                    <option value="评论">
                </datalist>
            </form>
        </div>
        <div class="col-nav">
            <button class="btn btn-icon btn-mobile me-auto" data-trigger="#offcanvas_aside"><i
                    class="material-icons md-apps"></i></button>
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link btn-icon darkmode" href="#"> <i class="material-icons md-nights_stay"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="requestfullscreen nav-link btn-icon"><i
                            class="material-icons md-cast"></i></a>
                </li>
                <li class="dropdown nav-item">
                    <a class="dropdown-toggle" data-bs-toggle="dropdown" href="" id="dropdownAccount" aria-expanded="false">
                            <img id="current-adm-img" class="img-xs rounded-circle" alt="用户">
                    </a>
                    <div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownAccount">
                        <a class="dropdown-item" href="/vm/sys/account">
                            <i class="material-icons md-perm_identity"></i>编辑资料
                        </a>
                        <a class="dropdown-item" href="#"><i class="material-icons md-help_outline"></i>帮助</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item text-danger" th:href="@{/vm/sys/logout}"><i class="material-icons md-exit_to_app"></i>退出</a>
                    </div>
                </li>
            </ul>
        </div>
    </header>

    <div th:fragment="scripts">
        <script th:src="@{/assets/lib/jquery/jquery-3.7.1.js}"></script>
        <script th:src="@{/assets/sys/common/js/vendors/bootstrap.bundle.min.js}"></script>
        <script th:src="@{/assets/sys/common/js/vendors/select2.min.js}"></script>
        <script th:src="@{/assets/sys/common/js/vendors/perfect-scrollbar.js}"></script>
        <script th:src="@{/assets/sys/common/js/vendors/jquery.fullscreen.min.js}"></script>
        <script th:src="@{/assets/sys/common/js/vendors/chart.js}"></script>
        <!-- Main Script -->
        <script th:src="@{/assets/sys/common/js/main.js}" type="text/javascript"></script>

    </div>

</body>
</html>